.home-page {
  @apply w-full h-full max-h-svh flex justify-center gap-4 pt-2 pr-0 pl-2;
  .home-wrapper {
    @apply flex flex-col flex-1;
    .home-header {
      @apply flex gap-2 pr-4;
      .search-bar {
        @apply w-full max-w-4xl flex items-center gap-2 pr-2;
      }
    }
    .music-list-wrapper {
      @apply flex-1 pt-4 overflow-hidden;
      .music-list-scroll-area {
        @apply h-full;
        .music-list-header {
          @apply flex items-center h-10 text-sm text-secondary-foreground;
        }
        .music-list-item {
          @apply flex items-center h-16 rounded-sm hover:bg-accent-foreground/15 transition-colors;
        }
        .music-list-item .operation-icon {
          @apply cursor-pointer text-secondary-foreground;
        }
      }
    }
  }
}

.manage-page {
  @apply w-full h-full max-h-svh flex justify-center gap-4 pt-2 pr-0 pl-2;
  .manage-content {
    @apply flex-1 pt-4 overflow-hidden;
    .download-list {
      &.music-list-scroll-area {
        /* @apply h-full overflow-auto border-l border-sidebar border-solid pl-2; */
        @apply h-full pr-4 flex flex-wrap;
        .download-music-item {
          @apply w-full md:w-1/2 md:min-w-60 lg:w-1/3 inline-block px-4 py-3;
          .download-info {
            @apply pt-2;
            .downloaded-success {
              @apply bg-emerald-600/10 dark:bg-emerald-600/20 hover:bg-emerald-600/10 text-emerald-500 border-emerald-600/60 shadow-none mr-2;
            }
            .undownload {
              @apply mr-2 cursor-pointer;
            }
          }
        }
      }
    }
  }
}
